<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap-responsive.min.css"/>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="./css/shopping.css"/>
		<link rel="stylesheet" type="text/css" href="./css/pay_header.css"/>
		<link rel="stylesheet" type="text/css" href="./css/footer.css"/>
		<title></title>
	</head>
	<body>
		<header>
			<div class="hd_top">
				<img src="images/banner1.png"/>
				<ul>
					<li>Hi~189****1087 <a href="">[退出]</a></li>
					<li><a href="">MY有货 </a></li>
					<li><a href="">订单中心</a></li>
					<li><a href="">帮助中心</a></li>
					<li><a href="">400-8899-646</a></li>
				</ul>
			</div>
			<div class="hr"></div>
			<div class="hd_bot">				
				<ul >
					<li>查看购物车</li>
					<li>填写订单</li>
					<li>付款，完成购买</li>
				</ul>
			</div>	
		</header>
		
		<article>
			<script type="text/javascript">
				$(function(){
					$('.newads').checked(function(){
						$('.address-manage').css({display:"block"});
					})				
				})
			</script>
			<div class="hedui">
				<div class="hd_t"><span>&nbsp;&nbsp;&nbsp;请填写并核对以下信息</span></div>
				<div class="address">
					<p>收货地址：<a href="" style="color: #e8044f; text-decoration: underline;">[不保存并关闭]</a></p>
					<p style="font-size: 12px;">
						<input type="radio" name="address" checked="checked">
						<span id="" style="font-weight: bold; color: #e8044f;">亢柄宇</span> 
						<span style="font-size: 12px;">山西省 太原市 小店区晋阳街202号  189****1087 &nbsp;&nbsp;&nbsp;&nbsp; 
						<a href="" style="text-decoration: underline;">设为默认地址</a></span>    
						<span class="caozuo" ><a href="">[修改]</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="">[删除]</a>&nbsp;&nbsp;</span>
					</p>
					<p style="font-size: 12px;"><input type="radio" name="address"  class="newads">使用新地址</p>	
					<div class="address-manage">
						<ul>
							<li class="address-manage1">
								<span class="name">收货人姓名：</span>
								<input type="" name="" id="" value="" />
								<span>请填写您的真实姓名，最多5个汉字</span>
							</li>
							<li class="address-manage2">
								<span>省市：</span>
<select name="province" id="" class="text-input"><option value="0">请选择省份</option><option value="11">*北京市</option><option value="12">*天津市</option><option value="13">*河北省</option><option value="14">*山西省</option><option value="15">*内蒙古自治区</option><option value="21">*辽宁省</option><option value="22">*吉林省</option><option value="23">*黑龙江省</option><option value="31">*上海市</option><option value="32">江苏省</option><option value="33">*浙江省</option><option value="34">*安徽省</option><option value="35">福建省</option><option value="36">江西省</option><option value="37">山东省</option><option value="41">河南省</option><option value="42">湖北省</option><option value="43">*湖南省</option><option value="44">*广东省</option><option value="45">*广西壮族自治区</option><option value="46">*海南省</option><option value="50">*重庆市</option><option value="51">*四川省</option><option value="52">*贵州省</option><option value="53">云南省</option><option value="54">*西藏自治区</option><option value="61">*陕西省</option><option value="62">*甘肃省</option><option value="63">*青海省</option><option value="64">*宁夏回族自治区</option><option value="65">新疆维吾尔自治区</option>
	
</select>
								<select name="" value="">
									<option value="">选择城市</option>
								</select>
								<select name="" value="">
									<option value="">选择区县</option>
								</select>
								<span>标'*'的为支持加急送的地区，请输入收货的详细地址</span>
							</li>
							<li class="address-manage3">
								<span>手机号码：</span>
								<input type="" name="" id="" value="" />
								<span>填写正确手机号便于接收发货和收货通知</span>
							</li>
							<li class="address-manage4">
								<span>固定电话：</span>
								<input type="" name="" id="" value="" />
								<input type="" name="" id="" value="" />
								<span> 如：010-12345678，固话和手机号至少填一项</span>
							</li>
							<li class="address-manage5">
								<span>电子邮件：</span>
								<input type="" name="" id="" value="" />
								<span>用来接收订单提醒邮件，便于您及时了解订单状态</span>
							</li>
							<li class="address-manage6">
								<span>邮编：</span>
								<input type="" name="" id="" value="" />
								<span> 请填写准确的邮编，以确保商品尽快送达</span>
							</li>
						</ul>					
						<input type="submit" class="submit" value="保存并送到这个地址"/>						
					</div>
				</div>
			</div>
			<!--地址end-->
			<!--商品信息start-->
			<div class="xinxi_1">
				<ul style="font-weight: bold;">
					<li style="width:40%;">商品信息</li>
					<li style="width:13%;">单价（元）</li>
					<li style="width:10%;">数量</li>
					<li style="width:10%;">小计（元）</li>
					<li style="width:27%;">商品金额（元）</li>
				</ul>
			</div>
			<div class="xinxi_2">
				<ul>
					<li style="width:40%;">
						<input class="cart-item-check " type="checkbox" name id checked>
						<img src="./images/pay/pic_1.jpg"/>
						<p>
							<a href="">Def 笑脸印花拖鞋</a>
							<span id="">颜色：蓝色 尺码：L</span>
						</p>
					</li>
					<li style="width:13%;">￥168.00</li>
					<li style="width:10%;">1</li>
					<li style="width:10%; font-weight: bold;" >￥168.00</li>
					<li style="width:26%; font-size: 18px;font-weight: bold;">￥168.00</li>
				</ul>
			</div>
			
			<div class="money">
				<p>你需要支付金额：<span>79.00</span>元</p>
				<p><input class="submit_2" type="submit" id="" value="去付款" name="" /></p>
			</div>
		</article>
				<footer>
			<div class="iconfoot">
				<span>100% 品牌正品</span>
				<span>7天 无理由退换货</span>
				<span>便捷 在线客服</span>
			</div>
			<div class="footer-help">
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>				
			</div>
			<div class="footer-link">
					<img src="images/credit-flag3.png"/>
					<img src="images/isc2.png"/>
					<div class="about-us">
						<p>
                            <a href="http://www.yohobuy.com">返回首页</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/yohobuy.html">YOHO!BUY 有货</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/newpower.html">新力传媒</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/contact.html">联系我们</a>
                            <span>|</span>
                            <a href="http://shop.yohobuy.com/settled">商家入驻</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/privacy.html">隐私条款</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/link.html">友情链接</a>
                        </p>
                        <p>
                            CopyRight © 2007-2016 南京新与力文化传播有限公司
                            <a class="rbg6" href="http://www.miibeian.gov.cn/" target="_blank">苏ICP备09011225号</a>
                            NewPower Co. 版权所有 经营许可证编号：苏B2-20120395
                        </p>
					</div>
			</div>
		</footer>
	</body>
</html>
